<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./ks.css">
</head>

<body>
    <div class="all">
        <div class="information">
            <ul>
                <li>
                    <p>姓名</p><input type="text" placeholder="只能包含数字字母下划线，且数字不能开头，长度在8~16之间" id="name">
                </li>
                <li>
                    <p>联系电话</p><input type="text" name="telephone" placeholder="Amount" id="telephone">
                </li>
                </li>
                <li>
                    <p>学历</p><input type="text" id="school" placeholder="Amount">
                </li>
                </li>
                <li>
                    <p>年龄</p><input type="text" placeholder="Amount" id="age">
                </li>
                <li>
                    <p>期望薪资</p><input type="text" placeholder="Amount" id="salary">
                </li>
            </ul>
            <button class="preserve1">保存</button>
            <button class="reset">重置</button>
        </div>

        <div class="data">
            <table>
                <thead>
                    <tr>
                        <td>姓名</td>
                        <td>联系电话</td>
                        <td>学历</td>
                        <td>年龄</td>
                        <td>期望薪资</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td>Steven.jobs</td>
                        <td>1371364084</td>
                        <td>大学辍学</td>
                        <td>45</td>
                        <td>$2300000</td>
                        <td>
                            <td>
                            <button>修改</button>
                        </td>
                        <td>
                            <button>删除</button>
                        </td>
                        </td>
                    </tr>
                    <tr>
                        <td>ZuckerBerg</td>
                        <td>1371364084</td>
                        <td>哈佛大学博士</td>
                        <td>45</td>
                        <td>$99000000</td>
                        <td>
                            <button>修改</button>
                        </td>
                        <td>
                            <button>删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Bill.Gates</td>
                        <td>1371364084</td>
                        <td>大学辍学</td>
                        <td>45</td>
                        <td>$99000000</td>
                        <td>
                            <button>修改</button>
                        </td>
                        <td>
                            <button>删除</button>
                        </td>
                    </tr> -->
                </tbody>
            </table>
        </div>


        <div class="bg">
            <div class="change">
                <span>请修改信息</span>
                <ul>
                    <li>
                        <p>姓名</p><input type="text" placeholder="只能包含数字字母下划线，且数字不能开头，长度在8~16之间"     id="name1">
                    </li>
                    <li>
                        <p>联系电话</p><input type="text" name="telephone1" placeholder="Amount"  id="telephone1">
                    </li>
                    </li>
                    <li>
                        <p>学历</p><input type="text"   id="school1" placeholder="Amount" >
                    </li>
                    </li>
                    <li>
                        <p>年龄</p><input type="text" placeholder="Amount" id="age1">
                    </li>
                    <li>
                        <p>期望薪资</p><input type="text" placeholder="Amount" id="salary1">
                    </li>
                </ul>
                <div>
                    <button class="preserve2">保存修改</button>
                    <button class="close" name="close">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <script src="./ks.js"></script>



</body>

</html>